Page({
  data: {
    currentTab: 'none', // 当前选中导航（默认“无分类”）
    isCreateModalShow: false, // 创建弹窗显隐
    folderName: '', // 收藏夹名称
    isSuccessShow: false, // 成功提示显隐
    // 美食卡片数据列表（从API获取）
    foodList: [],
    // 用户信息（虚假数据）
    userInfo: {
      username: '美食达人',
      avatarUrl: '/images/user0.png',
      level: 'LV.8',
      signature: '分享美食，传递快乐'
    }
  },

  /**
   * 页面加载时获取收藏列表
   */
  onLoad() {
    this.getFavoritesList();
  },

  /**
   * 获取用户收藏列表
   */
  getFavoritesList() {
    // 显示加载提示
    wx.showLoading({ title: '加载中...' });
    
    // 引入网络请求工具
    const { get } = require('../../utils/request.js');
    
    // 暂时使用固定的userId为1
    const userId = 1;
    
    // 请求收藏列表
    get(`/collect/favorites/user/${userId}`)
      .then(res => {
        console.log('获取收藏列表成功:', res);
        wx.hideLoading();
        
        if (res && res.data) {
          // 处理返回的数据，确保有title和coverUrl字段
          const processedList = res.data.map(item => ({
            id: item.id || item.recipeId || Math.random(),
            title: item.recipes.title || '未知菜谱',
            coverUrl: item.recipes.coverUrl || item.imageUrl || '/images/foodleft.png',
            username: item.username || item.authorName || this.data.userInfo.username,
            avatarUrl: item.avatarUrl || item.authorAvatar || this.data.userInfo.avatarUrl
          }));
          
          this.setData({
            foodList: processedList
          });
        } else {
          // 如果没有数据，设置默认数据
          this.setDefaultFoodList();
        }
      })
      .catch(err => {
        console.error('获取收藏列表失败:', err);
        wx.hideLoading();
        
        // 请求失败时显示默认数据
        this.setDefaultFoodList();
        
        wx.showToast({
          title: '加载失败，显示默认数据',
          icon: 'none',
          duration: 2000
        });
      });
  },

  /**
   * 设置默认的美食列表数据（备用方案）
   */
  setDefaultFoodList() {
    const defaultList = [
      {
        id: 1,
        title: '轻食减脂谷物饭',
        coverUrl: '/images/foodleft.png',
        username: this.data.userInfo.username,
        avatarUrl: this.data.userInfo.avatarUrl
      },
      {
        id: 2,
        title: '黑森林巧克力蛋糕',
        coverUrl: '/images/cake.png',
        username: this.data.userInfo.username,
        avatarUrl: this.data.userInfo.avatarUrl
      },
      {
        id: 3,
        title: '彩虹水果沙拉',
        coverUrl: '/images/foodleftdown.png',
        username: this.data.userInfo.username,
        avatarUrl: this.data.userInfo.avatarUrl
      },
      {
        id: 4,
        title: '燕麦香蕉谷物碗',
        coverUrl: '/images/foodright.png',
        username: this.data.userInfo.username,
        avatarUrl: this.data.userInfo.avatarUrl
      }
    ];
    
    this.setData({
      foodList: defaultList
    });
  },

  // 原有方法保持不变...
  /**
   * 切换导航标签
   * @param {Object} e - 点击事件
   */
  handleTabSwitch(e) {
    const tab = e.currentTarget.dataset.tab;
    this.setData({ currentTab: tab });
    if (tab === 'folder') {
      wx.navigateTo({ url: '/collect/pages/favorites/favorites' });
    } else if (tab === 'recommend') {
      wx.navigateTo({ url: '/collect/pages/RandomRecommendations/RandomRecommendations' });
    }
  },
  showCreateModal() { this.setData({ isCreateModalShow: true, folderName: '' }); },
  handleInputChange(e) { this.setData({ folderName: e.detail.value }); },
  handleCancelCreate() { this.setData({ isCreateModalShow: false }); },
  handleConfirmCreate() {
    const name = this.data.folderName.trim();
    if (!name) {
      wx.showToast({ title: '请输入收藏夹名称', icon: 'none', duration: 1500 });
      return;
    }

    // 显示加载提示
    wx.showLoading({ title: '正在创建...' });

    // 引入网络请求工具
    const { post } = require('../../utils/request.js');
    
    // 准备发送的数据，将 name 封装成对象
    const collectionData = {
      name: name
    };

    console.log("准备发送的收藏夹数据:", collectionData);
    
    // 发送POST请求到服务器
    post('/collect/collections', collectionData)
      .then(res => {
        console.log("创建成功，服务器响应:", res);
        
        wx.hideLoading();
        
        // 显示创建成功提示
        this.setData({ 
          isCreateModalShow: false, 
          isSuccessShow: true,
          folderName: '' // 清空输入框
        });
        
        // 3秒后隐藏成功提示
        setTimeout(() => { 
          this.setData({ isSuccessShow: false }); 
        }, 3000);
      })
      .catch(err => {
        console.error('创建失败:', err);
        
        wx.hideLoading();
        wx.showToast({ 
          title: "创建失败，请重试", 
          icon: "none",
          duration: 2000
        });
      });
  },
  handleRecipeTap() { console.log('页面监听：传菜谱'); },
  handleVideoTap() { console.log('页面监听：传视频'); },
  handleWorkTap() { console.log('页面监听：传作品'); },
});